/* *****************全局配置********************* */
@media screen and (min-width: 750px){
    html{
        font-size: 75px !important;
    }
}
*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
ul,ol{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

body{
    min-width: 320px;
    max-width: 10rem;
    width: 100%;
    line-height: 1.5;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(247, 247, 247);
    margin: 0 auto;
    position: relative;
    overflow: none;
    z-index: 0;
   
}

/* *****************全局配置结束********************* */
/* *****************顶部搜索********************* */
.search-content{
    background-color: rgba(255, 192, 1, 1);
}
/* *****************顶部搜索结束********************* */
/* *****************搜索框广告********************* */
.search-adv{
    display: none;
    position: fixed;
    bottom: -1.333333rem;
}
.search-adv a {
    width: 100%;
}
.search-adv a img{
    width: 100%;
}
/* *****************搜索框广告结束********************* */
/* *****************焦点图********************* */
.banner{
    width: 100%;
    position: relative;
    z-index: -1;
    height: 5.2rem;
    margin-bottom: -12px;
    overflow: hidden;
}
            /* 焦点图ul */
.banner .focus-img{
    width: 700%;   /* 如果增加删减突变这里修改 */
    display: flex;
    transform: translateX(-10rem);
}
.banner .focus-img li{
    flex: 1;
    border-radius: .533333rem;
    overflow: hidden;
}
/* .banner .focus-img li a{
    
} */

.banner .focus-img img{
    width: 100%;
}
            /* 小圆点 */
.banner .circle{
    position: absolute;
    z-index: 99;
    right: .4rem;
    bottom: .4rem;
}
.banner .circle li{
    display: inline-block;
    width: .133333rem;
    height: .106667rem;
    border-radius: 200px;
    margin-right: .133333rem;
    background-color: rgba(0, 0, 0, .2);
    transition: all .6s;
    
}
.banner .circle .circleWidth{
    
    width: .266667rem;
    background-color: whitesmoke;
}



/* *****************焦点图结束********************* */
/* *****************广告区域2********************* */
.adv{
    margin-top: 10px;
}
/* *****************广告区域2结束********************* */
/* *****************广告区域3（推荐区）******************* */
.adv-3{
    margin-top: .32rem;
}
.adv-3 .img-content{
    display: flex;
}
.adv-3 .img-content a{
    display: block;
    width: 2.483333rem;
    height: 3.12rem;
    flex: 25%;

}
.adv-3 .img-content a:nth-of-type(1){
    flex: 50%;
}
.adv-3 .img-content a img{
    width: 100%;
    height: 100%;
}




/* *****************广告区域3结束（推荐区）************/
/* *****************限时抢购区域***********************/
                        /* 公共样式 */
.main-content .content>div:nth-of-type(1),
.main-content .content>div:nth-of-type(3){
    border-right: .013333rem solid #f2f2f2;
    border-bottom: .013333rem solid #f2f2f2;
}

.main-content .content>div:nth-of-type(2),
.main-content .content>div:nth-of-type(4),
.main-content .content>div:nth-of-type(5){
    border-bottom: .013333rem solid #f2f2f2;
}

.main-content .content .timer-content>span:nth-of-type(1),
.main-content .content .perfer>span,
.main-content .content .rushbuy .international>span,
.main-content .content .rushbuy .bluck>span{
    display: inline-block;
    margin: .106667rem .24rem 0 .32rem;
    font-size: .426667rem;
    font-weight: bold;
}

.main-content .content .timer-content p,
.main-content .content .perfer p,
.main-content .content .rushbuy .international>p,
.main-content .content .rushbuy .bluck>p{
    font-size: .32rem;
    color: #999;
    margin-left: .32rem;
}

.main-content .content .timer-content ul,
.main-content .content .perfer ul,
.main-content .content .rushbuy .international ul,
.main-content .content .rushbuy .bluck ul{
    display: flex;
    margin-top: .066667rem;
    padding-left: .266667rem;
}
.main-content .content .timer-content ul li,
.main-content .content .perfer ul li,
.main-content .content .rushbuy .international ul li,
.main-content .content .rushbuy .bluck ul li{
    display: inline-block;
    flex: 1;
    text-align: center;
}

.main-content .content .timer-content ul li img,
.main-content .content .perfer ul li img,
.main-content .content .rushbuy .international ul li img,
.main-content .content .rushbuy .bluck ul li img{
    width: 1.6rem;
    height: 1.6rem;
    margin-right: .466667rem;
}
.main-content .content .perfer ul li img,
.main-content .content .rushbuy .bluck ul li img{
    margin-right: 0;
}

/* .main-content .content .perfer ul li img{
    margin-right: 0px;
} */


.main-content .content .perfer ul li span,
.main-content .content .rushbuy .international ul li span,
.main-content .content .rushbuy .bluck ul li span{
    margin-top: -.066667rem;
    color:black;
    font-size: .266667rem;
    display: block;
    width: 2rem;
    text-align: center;
    background-image: url('../images/背景图.png');
    background-repeat: no-repeat;
    width: 2rem;
    background-size: 2rem .733333rem;
    background-position: 0 -0.2rem;
    padding-top: .066667rem;

}
.main-content .content .perfer ul li span,
.main-content .content .rushbuy .bluck ul li span{
    margin-right: 0px;
}
                        /* 公共样式结束 */
.main-content{
    margin-top: .32rem;
}
.main-content .content{
    display: flex;
    flex-flow: row wrap;
}
.main-content .content>div{
   /*  height: 3.44rem; */
    background-color:#fff;
    box-sizing: border-box;
}

                /* 倒计时区域 */
.main-content .content .timer-content{
    flex: 50%;
    border-top-left-radius: .333333rem;
}

                /* 倒计时数字区域 */
.main-content .content .timer-content .time{
    display: inline-block;
    font-size: .266667rem;
    font-weight: bold;
}
.main-content .content .timer-content .time span{
    width: .426667rem;
    height: .373333rem;
    background-color: rgb(255,204, 0);
    border-radius: .106667rem;
    padding : .04rem;
}
.main-content .content .timer-content ul li img{
    margin-right: 0;
}
.main-content .content .timer-content ul li span{
    display: block;
    font-size: .293333rem;
    width: 1.6rem;
    height: .6rem;
    line-height: .4rem;
    color: #F50;
    margin: 0 auto;
    padding-top: -0.133333rem;
}
.main-content .content .timer-content ul li span span{
   font-size: .4rem;
   display: inline;
}

            /* 第一排第二个板块 */
.main-content .content .perfer{
    flex: 50%;
    border-top-right-radius: .333333rem;
}


                /* 第二排第一个板块 */
.main-content .content .rushbuy{
    flex: 100%;
    display: flex;
}
.main-content .content .rushbuy .international{
    flex: 50%;
    border-right: .013333rem solid #f2f2f2;
}

                    /* 第二排第二个板块 */
.main-content .content .rushbuy .bluck{
    flex: 50%;
}
                    /* 第三排一个板块 */
.main-content .content .recommend{
    flex: 100%;
    width: 10rem;
    height: 2.4rem;
    display: flex;
}
.main-content .content .recommend .tittle{
    width: 2rem;
    background-color: #fff;
}
.main-content .content .recommend .tittle span{
    display: inline-block;
    margin: .533333rem 0 .066667rem .333333rem ;
    font-size: .413333rem;
    font-weight: bold;
    color: #444;
    
}
.main-content .content .recommend .tittle p{
    font-size: .32rem;
    color: #999;
    margin-left: .32rem;
}
.main-content .content .recommend .channel{
    flex: 1;
}
.main-content .content .recommend .channel ul{
    width: 100%;
    display: flex;
    margin-top: .066667rem;
}
.main-content .content .recommend .channel ul li {
    display: inline-block;
    flex: 1;
    text-align: center;
}
.main-content .content .recommend .channel ul li img{
    width: 1.6rem;
    height: 1.6rem;
}
.main-content .content .recommend .channel ul li span{
    margin-top: -.066667rem;
    color:#333;
    font-size: .293333rem;
    display: block;
    width: 2rem;
    text-align: center;
    padding-top: .066667rem;
}
            /* 最后一个苏宁头条板块 */
.main-content .content .news{
    flex: 100%;
    border-bottom-left-radius: .333333rem;
    border-bottom-right-radius: .333333rem;
    display: flex;
    align-items: center;
    position: relative;
}
.main-content .content .news .news-logo{
    margin: .253333rem 0;
    flex: 20%;
    text-align: center;
}
.main-content .content .news .news-logo img{
    width: 1.6rem;
}
.main-content .content .news .news-content{
    flex: 80%;
    background-color: #fff;
    height: .666667rem;
}
.main-content .content .news .news-content .focuslist{
    height: 1.226667rem;
   overflow: hidden;
}
.main-content .content .news .news-content .focuslist .list-move{
    position: relative;
}
.main-content .content .news .news-content ul li{
    height: 1.226667rem;
    line-height: 1.226667rem;
    width: 100%;
}
.main-content .content .news .news-content ul li a{
    display: flex;
    height: 1.173333rem;
}
.main-content .content .news .news-content ul li span:nth-of-type(1){
    display: block;
    width: .733333rem;
    height: .333333rem;
    background-color: rgb(255,204, 0);
    border-radius: .2rem;
    text-align: center;
    line-height: .333333rem;
    font-size: .24rem;
    color: black;
    margin-right: .133333rem;
    position: relative;
    top: 50%;
    transform:translateY(-70%);
}
.main-content .content .news .news-content ul li span:nth-of-type(2){
    display: block;
    font-size: .32rem;
    color: black;
    line-height: 1.066667rem;
    width: 6.666667rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* *****************限时抢购区域结束*******************/
/* *****************苏宁logo*******************/
.Logo{
    height: 4.8rem;
}
.Logo .sn-logo{
    width: 100%;
}

/* *****************苏宁logo结束*******************/
/* *****************菜单模块*******************/
.menu{
    display: flex;
    flex-flow: column nowrap;
    width: 10rem;
    height: 2.546667rem;
    position: fixed;
    z-index: 999;
    bottom: 0;
}
.menu .login-img {
    margin-bottom: -6px;
    height: 1.36rem;
}
.menu .login-img img{
    width: 100%;
    height: 1.2rem;
}
.menu .menu-content{
    flex: 1;
    width: 100%;
    background-color: #fff;
}

                        /* 菜单栏区域 */
.menu .menu-content ul{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.menu .menu-content ul li{
    text-align: center;
    flex: 20%;
    font-size: .266667rem;
    line-height: .533333rem;
    padding-top: .266667rem;
}
.menu .menu-content ul li span{
    color: black;
    font-size: .266667rem;
}
.menu .menu-content ul li:nth-of-type(1) span{
    color: #fa0;
}
[class*=iconfont]::before{
    content: "";
    font-size: .533333rem;
    display: block;
    font-weight: 900;
    color: rgb(82, 79, 79);
}
.menu .menu-content ul li:nth-of-type(1) span:before{
    content: "\e61b";
    color: #fa0;
}
.menu .menu-content ul li:nth-of-type(2) span:before{
    content: "\e601";
}
.menu .menu-content ul li:nth-of-type(3) span:before{
    content: "\e612";
}
.menu .menu-content ul li:nth-of-type(4) span:before{
    content: "\e636";
}
.menu .menu-content ul li:nth-of-type(5) span:before{
    content: "\e637";
}
/* *****************菜单模块结束*******************/
/* *****************app模块*******************/
.app{
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}
.app a{
    display: block;
    width: 1.333333rem;
}
.app a img{
    width: 100%;
}
/* *****************app模块结束*******************/
/* *****************返回顶部模块*******************/
.goback{
    display: none;
    position: fixed;
    right: .4rem;
    top: 70%;
    width: 1.066667rem;
    height: 1.066667rem;
    background-color: #5b6167;
    opacity: 0.7;
    border-radius: 2.666667rem;
}
.goback a::before{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: "\e633";
    color: white;

}


/* *****************返回顶部模块结束*******************/